<template>
  <footer>
    <div class="footer-container">
      <div class="footer-content">
        <div class="footer-column">
          <h3>联系我们</h3>
          <p>网站地图|关于我们|加入我们</p>
          <p>地址：XXXXXXXXXX</p>
          <p>电话：15000000000</p>
        </div>
        <div class="footer-column">
          <h3>反馈</h3>
          <p>如果您有任何意见或建议，请联系我们。</p>
          <p>邮箱：icoolkj@163.com</p>
        </div>
      </div>
      <div class="footer-bottom">
        <p>技术支持单位：XX 科技有限公司</p>
        <p>Copyright &copy; 2025 icoolkj版权所有 皖ICP备 <a href="https://beian.miit.gov.cn/" target="_blank">19015280号-2</a></p>
      </div>
    </div>
  </footer>
</template>

<script setup>
// 这里可以添加页脚的逻辑
</script>

<style scoped>
footer {
  background-color: #333;
  color: white;
  text-align: center;
}

.footer-container {
  max-width: 1200px; /* 设置最大宽度为1200px */
  margin: 0 auto; /* 水平居中 */
}

.footer-content {
  background-color: #f5f5f5;
  color: #363333;
  padding: 20px;
  display: flex;
  justify-content: space-around;
}

.footer-column {
  width: 300px;
  text-align: left;
}

.footer-column h3 {
  margin-bottom: 10px;
}

.footer-bottom {
  padding: 10px;
}

footer a {
  color: #6666ee; /* 设置链接文字颜色为蓝色 */
  text-decoration: none; /* 去掉下划线 */
}
</style>